﻿<!doctype html>
<html>

<head>
    <title>微品致远传送门</title>
    <meta content="微品致远传送门" name="description">
    <meta content="微品致远传送门" name="keywords">
    <!-- inject:meta -->
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Set render engine for 360 browser -->
    <meta content="webkit" name="renderer">
    <!-- No Baidu Siteapp-->
    <meta content="no-siteapp" http-equiv="Cache-Control"/>
    <link href="http://at.alicdn.com/t/font_p27hnfue2k18xgvi.css" rel="stylesheet" type="text/css">
    <link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet"
          type="text/css">
    <link href="/mgn/static/css/main.css" rel="stylesheet" type="text/css"/>
    <!--js-->
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
</head>

<body>

<!--头部-->
<div class="header" style="height:110px;background:#ffffff">
    <div class="header-box clearfix" style="margin-left:30px">
        <a href="#"><img alt="" class="logo" src="/mgn/static/images/637727698783507431.png"></a>
        <div class="header-nav" style="margin-top:40px">
            <nav class="navbar navbar-expand-sm justify-content-center">
                <ul class="navbar-nav">
                    <li class="nav-item" data-name="index"><a href="http://transdoor.vpclub.cn/api/">返回</a></li>
                    <li class="nav-item" data-name="config"><a
                            href="http://transdoor.vpclub.cn/api/gits/">Gitlab数据查询</a></li>
                    <li class="nav-item" data-name="logout"><a href="#">退出</a></li>
                </ul>
            </nav>
        </div>
    </div>
</div>
<script>
	$(function () {
		var name = '/' + location.pathname.split('/')[1];
		$('.header-nav').find('li[data-name="' + name + '"]').addClass('active');
	});



</script>
<!-- endinject -->

<!-- bodyer -->
<div class="bodyer">
    <!-- 主图 -->
    <div class="main-pic">
        <div class="main-inner">
            <h1>汇集最优秀的coding，做最优秀的产品</h1>
            <h2>HTML5 Design Softwore</h2>
            <div class="btns"></div>
        </div>
    </div>
    <!-- 功能介绍 -->
    <div class="main-introduce main-module">
        <h1 class="title">组件化开发，高扩展性</h1>
        <h2 class="des">产品设计之初就是为了实现高拓展性，能提供给开发者一个公用的二次开发模块</h2>
        <ul class="modules clearfix">
            <li>
                <a class="btn btn-introduce" href="http://transdoor.vpclub.cn/api/gits/userIndex" target="_blank"><i
                        class="iconfont"></i>
                    <i class="iconfont icon-icon3"></i>
                    <h3>用户列表</h3>
                    <p>代码进行了完全模块化拆分，利于后期维护。</p>
                </a>
            </li>
            <li>
                <a class="btn btn-introduce" href="http://transdoor.vpclub.cn/api/gits/projectIndex" target="_blank"><i
                        class="iconfont"></i>
                    <i class="iconfont icon-mokuaiguanli"></i>
                    <h3>项目列表</h3>
                    <p>采用接口模式，提供了丰富的类库包含了常用的方法。</p>
                </a>
            </li>
            <li>
                <a class="btn btn-introduce" href="http://transdoor.vpclub.cn/api/gits/groupIndex" target="_blank"><i
                        class="iconfont"></i>
                    <i class="iconfont icon-yunjisuan_xingneng"></i>
                    <h3>项目组列表</h3>
                    <p>包含20多种专门为编辑设计开发的插件，方便二次开发</p>
                </a>
            </li>
            <li>
                <a class="btn btn-introduce" href="http://transdoor.vpclub.cn/api/gits/calIndex" target="_blank"><i
                        class="iconfont"></i>
                    <i class="iconfont icon-baoku"></i>
                    <h3>项目统计</h3>
                    <p>包含20多种专门为编辑设计开发的插件，方便二次开发</p>
                </a>
            </li>
        </ul>
    </div>
    <!-- UI介绍 -->
    <!--
    <div class="main-ui main-module">
        <h1 class="title">重金打造专业UI设计</h1>
        <h2 class="des">每个产品细节设计，按钮，都考虑到用户的使用体验，耗费重金打造最完美的用户体验</h2>
        <div class="ui-pic">
            <img src="static/images/pc.jpg" alt="">
        </div>
    </div>-->
</div>

<!-- inject:footer -->
<!--底部-->
<div class="footer">
    <div class="footer-inner">
        <div class="links">
            <div class="copyright">
                Copyright © 2023 版权所有
            </div>
        </div>
    </div>
</div>
<!-- endinject -->
<script src="/mgn/static/plugin/vpTrans.js"></script>
<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.clearfix::after{content: '';display: block;clear:both;}



</style>
</body>
</html>